@import url(common.css);

/* HomeBan */
.HomeBan{overflow: hidden;position: relative;}
.HomeBan .item{position: relative;}
.HomeBan .img img{width:100%;}
.HomeBan .txt{position: absolute;width:100%;left:0;top:40%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.HomeBan .txt .txtbox img:nth-child(1){margin-top: 0;}
.HomeBan .txt .txtbox img:nth-child(2){max-height:1.15rem;}
.HomeBan .txt .txtbox>img{max-height:0.8rem;margin:0.2rem 0 0.7rem;}
.HomeBan .txt .txtbox h1{font-size: 0.52rem;line-height: 0.65rem;font-weight: normal;margin:0.2rem 0 0.7rem 0;}
.HomeBan .txt.txt_white .txtbox h1{background-image: linear-gradient( rgba(12,103,53,0.95) , rgba(0,165,57,0.95));background-clip: text;-webkit-background-clip: text;color:transparent;}

.HomeBan .item.slick-current .txt .txtbox>img{animation:fadeInUp 1s .2s ease both;-webkit-animation:fadeInUp 1s .2s ease both;-moz-animation:fadeInUp 1s .2s ease both;}
.HomeBan .item.slick-current .txt .txtbox h1{animation:fadeInUp 1s .4s ease both;-webkit-animation:fadeInUp 1s .4s ease both;-moz-animation:fadeInUp 1s .4s ease both;}
.HomeBan .item.slick-current .txt .txtbox .More{animation:fadeInUp 1s .6s ease both;-webkit-animation:fadeInUp 1s .6s ease both;-moz-animation:fadeInUp 1s .6s ease both;}

.HomeBan .controls{position: absolute;left: 0;width: 100%;bottom: 0.6rem;z-index: 20; line-height: 1.5;font-size: 16px;line-height: 0.32rem;vertical-align: bottom;}
.HomeBan .controls .w1600{position: relative;}
.HomeBan .controls dl{display: flex;align-items: flex-end;}
.HomeBan .controls dl > *{float: left;vertical-align:bottom ;}
.HomeBan .controls dt{color: #fff;}
.HomeBan .slick-dots li span{display: block;width:50px;height:1px;background: #fff;margin:0 0.1rem;margin-bottom:0.15rem;position: relative;}
.HomeBan .slick-dots li span::after{content:'';display: block;height:2px;background: #00a539;position: absolute;left:0;bottom:0;width:0;transition: all 5s;}
.HomeBan .slick-dots li.slick-active span::after{animation: width100 5s 0.5s;}
.HomeBan .controls dt > *{display: inline-block;}
.HomeBan .controls dd{margin-left: 28px;}
.HomeBan .slick-dots li{list-style: none;}
.HomeBan .slick-dots li:not(.slick-active){display: none;}
.HomeBan .slick-dots li button{color: #fff;background: none;text-align: left;display: flex;font-size: 0.32rem;align-items: flex-end;}
.HomeBan .mouse{position: absolute;z-index: 10 ;right: 0; top: -0.3rem;animation: infinite 1s linear updown;}

.HomeBan .slick-arrow{width:0.58rem;height:0.58rem;border-radius: 50%;background-color: rgba(0,0,0,0.1);background-repeat: no-repeat;background-position: center;font-size: 0;color:transparent;position: absolute;top:50%;z-index:99;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:99;opacity: 1;}
.HomeBan .slick-arrow.slick-prev{left:3%;background-image: url(../images/prev_white.png);}
.HomeBan .slick-arrow.slick-next{right:3%;background-image: url(../images/next_white.png);}
.HomeBan .slick-arrow:hover{background-color: #00a539;}

@keyframes updown{
	0%{top: -0.3rem;opacity: 1;}
	100%{top: 0;opacity: 0;}
}
@keyframes width100{
	0%{width:0;}
	100%{width:100%;}
}




@media(max-width:1024px){
	.HomeBan .txt .txtbox>img{max-height:40px;}
	.HomeBan .txt .txtbox h1{font-size: 20px;line-height: 32px;font-weight: bold;margin:15px 0 35px 0;}
	.HomeBan .controls{bottom:30px;}
	.HomeBan .slick-dots li button{font-size: 18px;}
}

@media(max-width:640px){
	.HomeBan .txt .txtbox>img{max-height:12px;}
	.HomeBan .txt .txtbox h1{font-size: 15px;line-height: 22px;margin:5px 0 10px;font-weight: normal;}
	.HomeBan .controls{bottom:10px;}
	.HomeBan .mouse img{max-height:30px;}
	.HomeBan .controls dt{font-size: 12px;}
	.HomeBan .slick-dots li button{font-size: 14px;}
	.HomeBan .controls dl i{width:38px;margin:0 5px;}
}


.HomeAbout{padding:2.2rem 0 1.5rem 0;text-align: center;background:url(../images/homebg3.jpg) center bottom no-repeat;background-size: cover;}
.HomeAbout .con{font-size: 0.2rem;line-height: 0.4rem;margin:0.7rem 0 1.2rem 0;}
.HomeAbout .More{margin:0 auto;}
@media(max-width:1024px){
	.HomeAbout{padding:50px 0;}
	.HomeAbout .con{font-size: 14px;line-height: 25px;margin:30px 0;}
	.HomeAbout .logo img{max-height:50px;}
}


.HomePro{background: url(../images/homebg1.jpg) no-repeat center center;background-size: cover;}

.HomePlatform{position: relative;}
.HomePlatform .HomeTit{width:100%;position: absolute;left:0;top:1.4rem;z-index:9;}
.HomePlatform .slider-for .item{position: relative;}
.HomePlatform .slider-for .item .img{padding-top:8.84rem;}
.HomePlatform .slider-for .item .txt{position: absolute;width:100%;padding:3.1rem 0;top:0;left:0;z-index:10;}
.HomePlatform .slider-for .item .txt .txtbox{max-width:6.5rem;}
.HomePlatform .slider-for .item .txt .txtbox h1{font-size: 0.3rem;font-weight: normal;}
.HomePlatform .slider-for .item .txt .txtbox .dec{font-size: 0.18rem;line-height: 2;margin-bottom:0.5rem;}
.HomePlatform .slider-for .item .txt .txtbox b{display: block;width:0.55rem;height:0.05rem;border-radius: 0.05rem;background: #00a539;margin:0.3rem 0 0.5rem 0;}
.HomePlatform .slider-for .item.slick-current .txt .txtbox h1{animation:fadeInUp 1s .2s ease both;-webkit-animation:fadeInUp 1s .2s ease both;-moz-animation:fadeInUp 1s .2s ease both;}
.HomePlatform .slider-for .item.slick-current .txt .txtbox b{animation:fadeInUp 1s .4s ease both;-webkit-animation:fadeInUp 1s .4s ease both;-moz-animation:fadeInUp 1s .4s ease both;}
.HomePlatform .slider-for .item.slick-current .txt .txtbox .dec{animation:fadeInUp 1s .6s ease both;-webkit-animation:fadeInUp 1s .6s ease both;-moz-animation:fadeInUp 1s .6s ease both;}
.HomePlatform .slider-for .item.slick-current .txt .txtbox .More{animation:fadeInUp 1s .8s ease both;-webkit-animation:fadeInUp 1s .8s ease both;-moz-animation:fadeInUp 1s .8s ease both;}


.HomePlatform .HomePlatformNav{position: relative;z-index: 10;margin-top: -0.83rem;}
.HomePlatform .HomePlatformNav .w1600{box-shadow: 0 0 20px rgba(0,165,54,0.08);}
.HomePlatform .HomePlatformNav .slider-nav{background: #fff;border-radius: 0.1rem;}
.HomePlatform .HomePlatformNav .item{position: relative;overflow: hidden;}
.HomePlatform .HomePlatformNav .item:After{background-image: linear-gradient(to left, #00a539,#0c6735);content: "";height: 100%;border-radius: 0.1rem;width: 100%;left: 0;bottom: -100%;transition: all 0.5s;position: absolute;}
.HomePlatform .HomePlatformNav .item a{display: flex;padding:0 0.7rem;border-radius: 0.1rem;transition: all .5s;-webkit-transition: all .5s;height: 2.17rem;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 1;}
.HomePlatform .HomePlatformNav .item .ico{width:0.7rem;height:0.7rem;line-height: 0.7rem;text-align: center;position: relative;margin:0 auto;}
.HomePlatform .HomePlatformNav .item .ico img{position: absolute;top:0;left:0;width:100%;height:100%;transition: all .5s;-webkit-transition: all .5s;}
.HomePlatform .HomePlatformNav .item .ico .img2{transform: scale(0);-webkit-transform: scale(0);opacity: 0;}
.HomePlatform .HomePlatformNav .item .tit{font-size: 0.2rem;text-align: center;margin-top:0.05rem;}

.HomePlatform .HomePlatformNav .item.slick-current .ico .img1{transform: scale(0);-webkit-transform: scale(0);opacity: 0;}
.HomePlatform .HomePlatformNav .item.slick-current .ico .img2{transform: scale(1);-webkit-transform: scale(1);opacity: 1;}
.HomePlatform .HomePlatformNav .item.slick-current .tit{color:#fff;}
.HomePlatform .HomePlatformNav .item.slick-current:After{bottom: 0;}

.HomePartner{background: url(../images/homebg2.jpg) no-repeat center center;background-size: cover;padding-top:2.4rem;}
.HomePartner .scroll li{display: inline-block;margin-right:0.4rem;width:2.3rem;height:1.3rem;line-height: 1.3rem;border-radius: 0.1rem;border:1px solid #ebf0ed;text-align: center;background: #fff;position: relative;overflow: hidden;}
.HomePartner .scroll li img{max-height:1.1rem;}

.HomePartner .scroll li .txt{position: absolute;width:100%;height:100%;top:0;left:0;background-image: linear-gradient(to left, #00a539,#0c6735);color:#fff;font-size: 0.2rem;opacity: 0;transition: all .5s;-webkit-transition: all .5s;}
.HomePartner .scroll li:hover .txt{opacity: 1;}

.HomePlatform .slick-arrow{width:0.58rem;height:0.58rem;border-radius: 50%;border:1px solid #fff;background-color: #0cbf4a;background-repeat: no-repeat;background-position: center;font-size: 0;color:transparent;position: absolute;top:50%;z-index:99;transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index:99;}
.HomePlatform .slick-arrow.slick-prev{left:-0.29rem;background-image: url(../images/prev_white.png);}
.HomePlatform .slick-arrow.slick-next{right:-0.29rem;background-image: url(../images/next_white.png);}
.HomePlatform .slick-arrow:hover{background-color: #0cbf4a;border:1px solid #fff;}


@media(max-width:1024px){
	.HomePlatform .slider-for .item .img{padding-top:400px;}
	.HomePlatform .slider-for .item .txt{padding:130px 0;}
	.HomePlatform .HomeTit{top:50px;}
	.HomePlatform .slider-for .item .txt .txtbox h1{font-size: 18px;font-weight: bold;}
	.HomePlatform .slider-for .item .txt .txtbox b{width:40px;height:3px;margin:10px 0 20px 0;}
	.HomePlatform .slider-for .item .txt .txtbox .dec{font-size: 14px;margin-bottom:20px;}
	.HomePlatform .HomePlatformNav{margin-top: 0.5rem;}
	.HomePlatform .HomePlatformNav .item .tit{font-size: 16px;margin-top:10px;}
	.HomePlatform .HomePlatformNav .item a{padding: 0;}
	.HomePartner{padding-top:0.8rem;}
}
@media(max-width:767px){
	.HomePlatform .HomePlatformNav .item .tit{font-size: 14px;line-height: 20px;}
	.HomePlatform .HomePlatformNav .item a{height: 2.8rem;padding:0.18rem;}
}